<script setup lang="ts"></script>
<template>
  <div class="entertainment-news">
    <div class="news-card">
      <h3 style="color: #e74c3c">冒险电影即将发布</h3>
      <p>
        一次全新的开放世界冒险电影即将发布，带来前所未有的冒险体验。一次全新的开放世界冒险电影即将发布，带来前所未有的冒险体验。
      </p>
      <span>2023-05-02</span>
    </div>
    <div class="news-card">
      <h3 style="color: #e74c3c">国际电影节落下帷幕</h3>
      <p>
        年度国际电影节落下帷幕，最佳男主角、最佳女主角、最佳导演、最佳故事片、最佳...
      </p>
      <span>2023-05-01</span>
    </div>
  </div>
</template>

<style scoped>
.entertainment-news {
  margin: 1rem 0;
}
.news-card {
  border-bottom: 1px solid #eee;
  padding: 0.5rem 0;
}
.news-card p {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}
.news-card span {
  font-size: 0.8rem;
  color: #999;
}
</style>
